<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>idle</title>
<link href="../hc.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../hc.js"></script>
<script type="text/javascript" src="../idle.js"></script>
<style type="text/css" title="">
html
{
padding:0 !important;
padding:58px 0 36px 0;
}
#bar
{
position:absolute;
top:0;
left:0;
width:100%;
height:26px;
}
#cmd{
position:absolute;
top:26px;
left:0;
width:100%;
height:32px;
}
#mid
{
position:absolute;
top:58px;
left:0;
right:0;
bottom:36px;
width:100%;
height:auto !important;
height:100%;
overflow:auto;
}
#foot
{
position:absolute;
left:0;
bottom:0;
width:100%;
height:36px;
}
#credits
{
margin:2px;
background:#fafaff;
}
.mnu
{
background:url("ui/bg2.gif") repeat-x;
}
.nav
{
border-top:solid 1px #f9f9f9;
border-bottom:solid 1px #cde;
background:#f9f9f9;
}
#subm
{
top:200px;
left:200px;
width:200px;
}
.btn2
{
background:url("ui/bg2.gif") no-repeat;
}
.dv
{
width:601px;
}
#uf{
display:block;
width:16px;
height:16px;
background:url("icos/idle7.gif") -80px 1px no-repeat;
float:left;
}
</style>
</head>

<body>
<div id="bar">
<ul id="mnu" class="mnu">
	<li class="l" style="margin-left:3px;"><a href="#" id="hcg"><img src="icos/45.png" class="ico" alt="system" /><img src="icos/arr2.gif" class="d" style="padding:1px 0 0 0;" alt="▼" /></a></li>
	<li class="l"><a href="#" id="file"><span class="t">File</span><em>(<kbd>f</kbd>)</em></a></li>
	<li class="l"><a href="#"><span class="t">Edit</span></a></li>
	<li class="r" style="margin-right:5px;"><a href="#"><span class="u f_c">exit</span></a></li>
	<li class="r"><a href="#"><span class="u f_c">help</span></a></li>
	<li class="zr">&nbsp;</li>
	<li class="r"><a href="#" title="account settings"><span class="t">account</span></a></li>
	<li class="r"><a href="#"><span id="uf">&nbsp;</span><img src="icos/arr2.gif" class="d" style="padding:1px 0 0 0;" /></a></li>
</ul>
</div>
<div id="cmd">
<ul class="nav">
	<li class="l"><span class="i"><img src="icos/45.png" class="ico" /><span class="t">file</span></span></li>
	<li class="zl">&nbsp;</li>
	<li class="l"><a href="#"><span class="t">new</span></a></li>
	<li class="l"><a href="#"><span class="t">edit</span></a></li>
	<li class="r"><a href="#"><span class="t">config</span><img src="icos/arr2.gif" class="d" style="padding:5px 0 0 3px;" /></a></li>
	<li class="zr">&nbsp;</li>
	<li class="r"><a href="#"><span class="t">settings</span></a></li>
</ul>
</div>
<div id="mid">
	<div style="height:800px;line-height:800px;background:#f9f9f9;">
		<span id="con" style="line-height:18px;">800px</span>
		<a class='btn' id='zz'><span class="t">re</span></a>
	</div>
</div>
<div id="foot">
	<div id="credits">
		<span class="key">1</span>
		<span class="key">2</span>
		<span class="key">3</span>
	</div>
</div>
<script type="text/javascript">
//<![CDATA[
var hcol=new idle$({token:'token',user:'hc',module:'module',mdlid:'9999',locref:'locref'},'',{idle:function(a){if(!isNaN(a))$('uf').style.backgroundPosition=16*(1-a) +'px 1px';},timeout:function(){top.location.reload();}}).go$();
//hcol.run=setInterval('hcol.init$();',1000);
/* $('zz').onclick=function(){if(hcol&&hcol.remove$){clearInterval(hcol.run);hcol.remove$();}}; */
//]]>
</script>
</body>
</html>
